@charset "UTF-8";
*{margin:0;padding:0;}
body,html{background-color:#000;font-family:Tahoma,Verdana,楷体;font-size:14px;height:100%;overflow-x:hidden}
#content{background-color:#ccc;margin:0 auto;width:900px;min-height:100%;position: relative;}
#container{
	background-color:#ccc;
	margin:0 auto;
	padding-bottom:100px;
	width:900px;
}

#header{
	background-color:#036;
	height:100px;width:100%;overflow:hidden;
}
 	.logo{
		width:160px;
		height:100px;
		background-image:url(/img/logo.gif);
		//background-position:10px 4px;
		float:left;
		background-repeat:no-repeat
	} 
	.nav,.loginbar{float:left;}
		.nav ul li,.loginbar span{
			font-size:32px;
			height:100px;
			margin-right:2px;
			float:left;
		}
 			.nav ul li a,.loginbar span a{padding-top:28px;
				background-color:#069;
				height:100%;
				color:#fc0;
				display:block;
			}
			.nav ul li a:hover,.loginbar span a:hover{color:#0fc;}
			

#footer{
	height:100px;
	position: absolute;
	bottom: 0;
	background-color:#06b;
	width: 100%;
	text-align:center;
	/* border:1px solid; */
}

a:link{color:#00F;text-decoration:none;}
a:visited {color: #00F;text-decoration:none;}
a:hover {color: #c00;text-decoration:none;}
ul{list-style:none;}

.clear{clear:both;}
.block{width: 100%;display: block;}

.left{float:left;}
.right{float:right;}

img{   
    width:54px;height:54px; /*设置图像的长和宽，这里要根据自己的评论框情况更改*/  
    border-radius: 27px;/*设置图像圆角效果,在这里我直接设置了超过width/2的像素，即为圆形了*/  
    -webkit-border-radius: 27px;/*圆角效果：兼容webkit浏览器*/  
    -moz-border-radius:27px;   
    box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/  
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;   
    -webkit-transition: 0.4s;      
    -webkit-transition: -webkit-transform 0.4s ease-out;   
    transition: transform 0.4s ease-out;/*变化时间设置为0.4秒(变化动作即为下面的图像旋转360读）*/  
    -moz-transition: -moz-transform 0.4s ease-out;   
}    
img:hover{/*设置鼠标悬浮在头像时的CSS样式*/  
    box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    transform: rotateZ(360deg);/*图像旋转360度*/  
    -webkit-transform: rotateZ(360deg);   
    -moz-transform: rotateZ(360deg);   
}

// .nav ul li a,.loginbar span a,.logo{display:block;float:left;text-align:center;-moz-user-select:none;background-color:#069;color:#fc0;
	// width:100px;height:100px; /*设置图像的长和宽，这里要根据自己的评论框情况更改*/  
    // border-radius: 50px;/*设置图像圆角效果,在这里我直接设置了超过width/2的像素，即为圆形了*/  
    // -webkit-border-radius: 50px;/*圆角效果：兼容webkit浏览器*/  
    // -moz-border-radius:50px;   
    // box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/  
    // -webkit-box-shadow: inset 0 -1px 0 #3333sf;   
    // -webkit-transition: 0.4s;      
    // -webkit-transition: -webkit-transform 0.4s ease-out;   
    // transition: transform 0.4s ease-out;/*变化时间设置为0.4秒(变化动作即为下面的图像旋转360读）*/  
    // -moz-transition: -moz-transform 0.4s ease-out;

// }

// .nav ul li a:hover,.loginbar span a:hover,.logo:hover{/*设置鼠标悬浮在头像时的CSS样式*/  
    // box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    // -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    // transform: rotateZ(360deg);/*图像旋转360度*/  
    // -webkit-transform: rotateZ(360deg);   
    // -moz-transform: rotateZ(360deg);   
// }
// .nav ul li a:hover,.loginbar span a:hover{color:#0fc;}
// .logo{background-image:url(../img/logo2.gif);}